<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>投资</title>
    <link rel="stylesheet" href="../style/reset.css">
    <link rel="stylesheet" href="../style/main.css">
  <!--   <link rel="stylesheet" href="../style/login.css"> -->

</head>
<body class="bg_list">
<div class="header-bar" id="anchor">
    <div class="top-bar">
        <div class="com-width">
            <div class="left-area fl">
                <a href="#" class="inform">
                    阳泉云链成功上线啦！
                </a>
                <a href="#" class="inform-text">2017-07-12</a>
            </div>
            <ul class="right-area fr">
                <li class="phone"><a href="#">151****1111</a></li>
                <li class="exit"><a href="#">退出</a></li>
                <li class="mobile">
                    <div class="phone-qr">
                        <img src="../images/about.png"/>
                        <!-- <p>下载手机APP</p> -->
                    </div>
                    <a href="#">手机客户端</a>
                </li>
                <li class="weixin-hover about">
                    <div class="weixin-qr">
                        <img src="../images/about.png"/>
                        <!-- <p>关注微信公众号</p> -->
                    </div>
                    <a href="#"></span>关注微信号</a>
                </li>
                <li class="help"><a href="../help.html" target="_blank" title="帮助中心">帮助中心</a></li>
            </ul>
        </div>
    </div>
    <div class="logo-bar">
        <div class="com-width">
            <div class="logo fl">
                <a href="../home.html"><img src="../images/logo.png" alt="阳泉云链"></a>
            </div>
            <div class="nav fr">
                <ul class="nav-content">
                    <li class="current"><a href="../home.html" class="home">首页</a></li>
                    <li><a href="../financing.html">供应链融资</a></li>
                    <li><a href="../invest.html">我要投资</a></li>
                    <li><a href="../about.html">关于我们</a></li>
                    <li><a href="../personal.html">我的账户</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="list_peacock">
    <div class="peacock_banner">

         <div class='user_prompt  user_prompt_notLogged_in'>
          <h5 class="">预计年化收益利率可达</h5>
         <p class="not_logged_in_Profit">8.0%</p>
         <button>立即注册</button>
         <p class="not_logged_in_goin">已有账号？<a href="">马上登陆</a></p>
          </div>

        <div class="user_prompt user_prompt_logged_in">
            <h3>欢迎回来</h3>
            <span>您当前登录账号</span>
            <div>111111111111111</div>
            <button>进入我的账户</button>
            <p><a class="list_see" href="">查看我的投资</a><a class="list_exit" href="">安全退出</a></p>
        </div>


    </div>

</div>
<div class="list_mian_banner">
    <div class="list_mian_title">
        <span class="main_title">我要投资</span>
        <span class="main_line"></span>
        <span class="list_mian_number">预期年化利率可达80%</span>
    </div>
    <div class="mian_banner">
         <ul class="main_select_state" >
             <li><label>产品类型</label>
                 <ul>
                     <li class="seach_color">全部</li>
                     <li>优选产品</li>
                     <li>专属产品</li>
                 </ul>
             </li>
             <li>
                 <label>产品期限</label>
                 <ul>
                     <li class="seach_color">全部</li>
                     <li>3个月以内</li>
                     <li>3-6个月</li>
                     <li>6-12个月</li>
                     <li>12个月以上</li>
                 </ul>
             </li>
             <li>
                 <label>产品状态</label>
                  <ul>
                      <li class="seach_color">全部</li>
                      <li>预热中</li>
                      <li>发售中</li>
                      <li>以售罄</li>
                      <li>以完成</li>
                  </ul>
             </li>
         </ul>

      <div class="list_state">
           <div class="main_immediate" data-width="35%" data-status="11">
               <div class="main_immediate_bg" >
                   <div><span></span></div>

                   <p class="calculation_number"></p>
               </div>
               <div>
               <h6>
                   <span class="box_img"><span class="list_hover_font">专项产品</span><img class="list_new_hover" src="../images/Investmentlist/bluetube.png" alt="专项">
                  </span>
                   <img class="hoverImg" src="../images/Investmentlist/mastery.png" alt="专项">
                   山盈2号4561231456</h6>
               <ul>
                    <li>
                        <span class="annual_income">5.678%</span>
                        <p class="annual_company">预期年化收益率</p>
                    </li>
                    <li>
                        <span class="immediate_time">100</span>天
                        <p>产品期限</p>
                    </li>
                    <li>
                        <span>5.678%</span>
                        <p>产品规模</p>
                    </li>
                    <li><span>5.678%</span>
                        <p>起投金额</p></li>
                    <li>
                        <span>5.678%</span>
                        <p>剩余可投金额</p>
                    </li>
                    <li><button class="list_investment">立即投资</button></li>
                </ul>
               </div>
           </div>

       <div class="main_immediate   main_immediate2">
              
              <h6>
                  <span class="box_img">
                      <span class="list_hover_font">优选产品</span>
                  <img class="list_new_hover" src="../images/Investmentlist/redtube.png" alt="优选">
                  </span>

                  <img  class="hoverImg" src="../images/Investmentlist/excellent.png" alt="优选">山盈2号4561231456</h6>
              <ul>
                  <li>
                      <span class="annual_income">5.678%</span>
                      <p class="annual_company">预期年化收益率</p>
                  </li>
                  <li>
                      <span class="immediate_time">100</span>天
                      <p>产品期限</p>
                  </li>
                  <li>
                      <span>5.678%</span>
                      <p>产品规模</p>
                  </li>
                  <li><span>5.678%</span>
                      <p>起投金额</p></li>
                  <li>
                      <span>5.678%</span>
                      <p>剩余可投金额</p>
                  </li>
                  <li><button class="list_preheat">预热中</button></li>
              </ul>
          </div>
           <div class="main_immediate main_immediate_border">
                        <h6 >
                            <span class="box_img">
                                <span class="list_hover_font">新手专项</span>
                            <img class="list_new_hover" src="../images/Investmentlist/yellowtube.png" alt="专项">
                            </span>

                            <img class="hoverImg" src="../images/Investmentlist/new.png" alt="新">
                            山盈2号4561231456
                        </h6>
                        <ul>
                            <li>
                                <span class="annual_income">5.678%</span>
                                <p class="annual_company">预期年化收益率</p>
                            </li>
                            <li>
                                <span class="immediate_time">100</span>天
                                <p>产品期限</p>
                            </li>
                            <li>
                                <span>5.678%</span>
                                <p>产品规模</p>
                            </li>
                            <li><span>5.678%</span>
                                <p>起投金额</p></li>
                            <li>
                                <span>5.678%</span>
                                <p>剩余可投金额</p>
                            </li>
                            <li> <button class="list_sell_out">已售罄</button></li>
                        </ul>
                    </div>

                    <div class="main_immediate main_immediate_border">
                        <h6>
                            <span class="box_img">
                                 <span class="list_hover_font">新手专项</span>
                            <img class="list_new_hover" src="../images/Investmentlist/yellowtube.png" alt="专项">
                            </span>

                            <img class="hoverImg" src="../images/Investmentlist/new.png" alt="新手">山盈2号4561231456</h6>
                        <ul>
                            <li>
                                <span class="annual_income">5.678%</span>
                                <p class="annual_company">预期年化收益率</p>
                            </li>
                            <li>
                                <span class="immediate_time">100</span>天
                                <p>产品期限</p>
                            </li>
                            <li>
                                <span>5.678%</span>
                                <p>产品规模</p>
                            </li>
                            <li><span>5.678%</span>
                                <p>起投金额</p></li>
                            <li>
                                <span>5.678%</span>
                                <p>剩余可投金额</p>
                            </li>
                            <li><button class="list_sell_out">已完成</button></li>
                        </ul>
                    </div>
      </div>

    </div>
    <div class="siteinfo">
        <img src="../images/Investmentlist/Selected.png" alt="">
        <img src="../images/Investmentlist/convenient.png" alt="">
        <img src="../images/Investmentlist/Profit.png" alt="">
        <img src="../images/Investmentlist/fixedprice.png" alt="">

    </div>
</div>
<!--回顶部功能-->
<div class="standard_page hide">
    <div>
        <a href="" class=""><img class="weChat" src="../images/Investmentlist/WeChat.png" alt="微信"></a>
    </div>

    <div>
        <div class="qr_code"></div>
        <div class="triangle"></div>
        <a href="" class=""><img src="../images/Investmentlist/anchor_phone.png" alt="手机"></a>
    </div>
    <div>
        <div class="triangle"></div>
        <div class="goOut">回到顶部</div>
        <a class="anchor" href="#anchor"><img src="../images/Investmentlist/back-top.png" alt="回到顶部"></a>
    </div>

</div>




<!--脚部-->
<div class="footer">
    <div class="com-width clearfix">
        <div class="foot-left fl clearfix">
            <dl>
                <dt><img src="../images/about.png" alt="关注我们"></dt>
                <dd>
                    <p>客服热线</p>
                    <p class="number"><span class="phone"></span>0351-8656555</p>
                    <p>服务时间：工作日 09:00-18:00</p>
                </dd>
            </dl>
        </div>
        <div class="foot-right fr">
            <p>
                <a href="#" >帮助中心</a>
                <a href="#">关于我们</a>
                <a href="#">常见问题 </a>
                <a href="#" class="help">平台公告</a>
            </p>
            <p class="info">Copyright©2016 北京麦乐科信息科技有限公司 | 京 ICP 17011867号</p>
            <p class="skill">平台技术运营服务商<span class="mailekelogo"></span></p>
        </div>
    </div>
</div>
</body>
<script src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/investentlist.js"></script>
<script src="../js/common.js"></script>

<script>

</script>
</html>